<!-- /*
 * @Author: RDSunday 
 * @Date: 2020-03-16 10:23:45 
 * @Last Modified by: RDSunday
 * @Last Modified time: 2020-03-16 10:34:10
 */ -->
<!-- 搜索框自动提示,模糊搜索 -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link href="searchHint.css" rel="stylesheet" >
</head>
<body>
    <input type="text" id="myInput" onkeyup="myFunction()" placeholder="搜索。。。">
    <ul id="myUL">
        <li><a href="#" class="header">A</a></li>
        <li><a href="#">Adele</a></li>
        <li><a href="#">Agnew</a></li>
        <li><a href="#">Bill</a></li>
        <li><a href="#">Bob</a></li>
        <li><a href="#">B</a></li>
        <li><a href="#">Calvin</a></li>
        <li><a href="#">Christins</a></li>
        <li><a href="#">Cindy</a></li>
        <li><a href="#">C</a></li>
    </ul>
    
    <script src="searchHint.js"></script>
</body>
</html>